<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        * {
            padding: 0;
            margin: 0;
            margin-top: 3px;
        }

        a {
            text-decoration: none;
            color: black;
        }

        main {
            width: 100%;
            height: 100%;
            /*background: black;*/
        }

        .line {
            /*display: flex;*/
            width: 100vw;
            height: 25vh;
            /*background: #FF416C;*/
            /*border: 1px solid black;*/
            text-align: center
        }

        main > .line > a > div {
            display: inline-block;
            width: 20vh;
            height: 20vh;
            background: hsl(0, 0%, 86%);
            /*居中*/
            line-height: 20vh;
            text-align: center;
            cursor: pointer;
            margin-right: 10vw;
            border-radius: 10vh;
        }

        main > .line > a > div:hover {
            transform: rotate3d(15, 25, 100, 5deg);
            background: hsl(0, 0%, 80%)
        }
    </style>
    <link href="../../weblib/csslib/animate.css" rel="stylesheet" type="text/css">
</head>
<body>
<main>
<!--<link href="../../weblib/csslib/animate.css" rel="stylesheet" type="text/css">-->
    <div class="line">
        <a href="../customer_management/view.html">
            <div class="animated  zoomIn">客户管理</div>
        </a>
        <a href="../customer_delivery/view.html">
            <div class="animated  zoomIn">客户交接</div>
        </a>
    </div>
    <div class="line">
        <a href="../opportunity_weihu/view.html">
            <div class="animated  zoomIn">机会维护</div>
        </a>
    </div>

    <div class="line">
        <a href="../sales_%20journal/view.html">
            <div class="animated  zoomIn">销售日报</div>
        </a>
        <a href="../report_forms/view.html">
            <div class="animated  zoomIn">报表管理</div>
        </a>
    </div>
</main>
</body>
</html>